<template>
 <div class="customer-container">
   <div class="customer-top">
       <span class="arrow" @click="Goback">&lt;</span>
       <p class="title">客户列表</p>
       <div style="clear:both;"></div>
   </div>
   <div style="clear:bith;"></div>
   <div class="customerlist">
      
   </div>
   <router-view></router-view>
 </div>
</template>
<script>
export default {
 name:'CusIndex',
 data () {
     return {
         
     }
 },
 methods: {
   Goback(){
     this.$router.back(-1)
   }
 }
}
</script>
<style lang="scss" scoped>
.customer-container{
  height: 100%;
  width: 100%;
  margin: 76px 0px 0px 275px;
  border: 1px solid #333;
  .customer-top{
    width: 100%;
    height: 50px;  
    float: left;
    background-color: #FAFAFA; 
    .arrow{
      width: 50px;
      height: 30px;
      line-height: 50px;
      float: left;
      font-size: 30px;
      font-weight: bolder;
      color: #9DA4A9;
      text-align: center;
      &:hover{
        cursor: pointer;
      }
    }
    .title{
        width: 103px;
        height: 50px;
        line-height:50px;
        text-align: center;
        color: #9DA4A9;
        margin-left: 50px;
        background-color: #293846;
    }
  }
}
</style>
